<template>
	<view class="loginBtn-container">
		<text>欢迎使用，请授权登录</text>
		<view class="login-container-btn" @click="login">授权登录</view>
	</view>
</template>

<script>
	export default {
		name:"loginBtn",
		data() {
			return {
				
			};
		},
		methods:{
			// 授权登录
			login(){
				// console.log("授权登录")
				this.$emit("selectIsLogin")
			}
		}
	}
</script>

<style scoped lang="scss">
.loginBtn-container{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:0rpx;
	font-family:"PingFang-SC-Regular", Times, serif;
	width:100vw;
	display:flex;
	flex-direction:column;
	align-items:center;
	text{
			 font-size:28rpx;
			 color:#eee;
			 margin-top:20%;
			 margin-bottom:30rpx;
	}
	view{
		 width:70%;
		 height:80rpx;
		 background: linear-gradient(0deg, #FFA239, #FFDF02);
		 border-radius:10rpx;
		 text-align:center;
		 line-height:80rpx;
		 color:#CC252C;
		 font-size:28rpx;
		 font-weight:bold;
	}
}
</style>
